<style>
  .fly-header {
    box-shadow: 0px 2px 10px rgba(0, 0, 0, .15);
  }
</style>

<div class="fly-header" style="background-color: #fff;border-bottom: none;">
  <div class="layui-container">
    <a class="fly-logo" href="{:url('home/index/index')}">
      <img src="/assets/home/images/logo3.png" alt="layui">
    </a>

    <ul class="layui-nav fly-nav-user">



      <!-- 登入后的状态 -->
      {if condition="$Think.cookie.LoginUser"}
      <li class="layui-nav-item">
        <a class="fly-nav-avatar" href="javascript:;">
          <cite class="layui-hide-xs" style="color: #333;">{$Think.cookie.LoginUser['nickname']}</cite>
          <!-- <i class="iconfont icon-renzheng layui-hide-xs" title="认证信息：layui 作者"></i>
          <i class="layui-badge fly-badge-vip layui-hide-xs">VIP3</i> -->
          <img src="{$Think.cookie.LoginUser['avatar']}">
        </a>
        <dl class="layui-nav-child">
          <dd>
            <a href="{:url('home/user/index',['userid' => $Think.cookie.LoginUser['id']])}"><i class="layui-icon"
                style="margin-left: 2px; font-size: 22px;">&#xe68e;</i>我的主页</a>
          </dd>
          <dd>
            <a href="{:url('home/user/user')}"><i class="layui-icon">&#xe620;</i>基本设置</a>
          </dd>
          <dd>
            <a href="{:url('home/user/post')}"><i class="iconfont icon-tongzhi" style="top: 4px;"></i>我的帖子</a>
          </dd>
          <dd>
            <a href="{:url('home/user/collect')}"><i class="iconfont icon-tongzhi" style="top: 4px;"></i>我的收藏</a>
          </dd>

          <hr style="margin: 5px 0;">
          <dd><a href="{:url('home/index/logout')}" style="text-align: center;">退出</a></dd>
        </dl>
      </li>
      {else /}
      <!-- 未登入的状态 -->
      <li class="layui-nav-item">
        <a class="layui-hide-xs" href="{:url('home/index/login')}" style="text-align: right;"><img
            src="/assets/home/images/none.png" alt="layui" style="width: 50%;" /></a>
      </li>
      <li class="layui-nav-item">
        <a href="{:url('home/index/login')}" style="color: #333;">登入</a>
      </li>
      <li class="layui-nav-item">
        <a href="{:url('home/index/register')}" style="color: #333;">注册</a>
      </li>
      <!-- <li class="layui-nav-item layui-hide-xs">
              <a href="/app/qq/" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" title="QQ登入"
                class="iconfont icon-qq"></a>
            </li>
            <li class="layui-nav-item layui-hide-xs">
              <a href="/app/weibo/" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})" title="微博登入"
                class="iconfont icon-weibo"></a>
            </li> -->
      {/if}
    </ul>
  </div>
</div>